/* The popup box is used to display HTML content (not only messages)
with which the user can do actions. Each popup box must have the "popupBox" class
and define, for its particular case, some styles that are not handled by
this generic style */
.popupBox {
	height: auto;
	position: absolute;
	display: none;
	z-index: 1000;
}

.popupBox .box-icon {
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 11px;
}

.popupBox .box-top {
	background: bottom left url('../../img/raisedOutline-top.png') repeat-x;
	height: 10px;
	margin: 0 0 0 6px;
}

.popupBox .box-top-left {
	background: bottom left url('../../img/raisedOutline-top-left.png')
		no-repeat;
	float: left;
	width: 6px;
	height: 10px;
}

.popupBox .box-top-right {
	background: bottom left url('../../img/raisedOutline-top-right.png')
		no-repeat;
	float: right;
	width: 6px;
	height: 10px;
}

.popupBox .box-all-content-left {
	background: top left url('../../img/raisedOutline-left.png') repeat-y;
}

.popupBox .box-all-content-right {
	background: top right url('../../img/raisedOutline-right.png') repeat-y;
}

.popupBox .box-all-content {
	margin: 0 6px;
	background-color: white;
}

.popupBox .box-title,.popupBox .box-content {
	margin: 0;
}

.popupBox .box-title {
	padding: 3px 0 4px 7px;
	margin:0 3px;
	font-weight: bold;
	font-size: 14px;
	color: #333;
}

.popupBox .box-title a.closeBt {
	padding: 5px 8px 10px 9px;
	margin-right: 1px;
}

.popupBox .box-content {
	padding: 0;
}

.popupBox .box-content .section {
	border-top: 1px solid #d6d7d6;
	margin: 5px 4px 0 3px;
	padding:2px 0 0 0;
}

.popupBox .box-content .section-title {
	background-color: #f5f5f5;
	color: #575757;
	margin: 0 0 5px 0;
	font-weight: bold;
	padding: 3px 5px;
}

.popupBox .box-content .section-content {
	margin: 0 8px 0 8px;
	color: #333;
	overflow-x: hidden;
	overflow-y: auto;
}

.popupBox .box-bottom {
	background: top left url('../../img/raisedOutline-bottom.png') repeat-x;
	height: 8px;
	margin: 0 0 0 6px;
}

.popupBox .box-bottom-left {
	background: top left url('../../img/raisedOutline-bottom-left.png')
		no-repeat;
	float: left;
	width: 9px;
	height: 8px;
}

.popupBox .box-bottom-right {
	background: top left url('../../img/raisedOutline-bottom-right.png')
		no-repeat;
	float: right;
	width: 6px;
	height: 8px;
}

/* Tickets cart popup */
#tickets-cart.popupBox {
	width: 240px;
	z-index:1000000;
}

#tickets-cart.popupBox .box-icon {
	background-image:url('../../img/tickets-cart-icon.png');
	width: 40px;
	height: 54px;
}

#tickets-cart.popupBox .box-top {
	width: 228px;
}

#tickets-cart.popupBox .box-top,
#tickets-cart.popupBox .box-top-left,
#tickets-cart.popupBox .box-top-right {
	height: 27px;
}

#tickets-cart.popupBox .box-title {
	padding-left: 55px;
}

#tickets-cart.popupBox .box-content .section-content {
	max-height: 100px;
}

#tickets-cart.popupBox .box-bottom {
	width: 228px;
}

/* Display config chooser */
#displayConfigChooser.popupBox .box-title {
	padding-left: 45px;
	padding-bottom:8px;
	border-bottom:1px solid #cacaca;
}

#displayConfigChooser.popupBox .box-top,
#displayConfigChooser.popupBox .box-top-left,
#displayConfigChooser.popupBox .box-top-right {
	height: 14px;
}

#displayConfigChooser.popupBox .box-icon {
	background-image:url('../../img/display-config-icon.png');
	width: 32px;
	height: 41px;
}

/* Display config chooser with 1 column */
#displayConfigChooser.popupBox {
	width: 300px;
}

#displayConfigChooser.popupBox .box-top {
	width: 288px;
}

#displayConfigChooser.popupBox .box-bottom {
	width: 288px;
}

/* Display config chooser with 2 columns */
#displayConfigChooser.popupBox.popupBox2 {
	width: 490px;
}

#displayConfigChooser.popupBox.popupBox2 .box-top {
	width: 478px;
}

#displayConfigChooser.popupBox.popupBox2 .box-bottom {
	width: 478px;
}